{%extends file="home/page/assetslayout.tpl"%}

{%block name="assets_head_static"%}
    {%require name="home:static/assetsterm/assetsterm.less"%}
    {%require name="home:static/assetsterm/assetsterm.js"%}
    <script type="text/javascript">
        P.data({
            'fenjibao2':{%json_encode($fenjibao2)%},
            'fenjibao3':{%json_encode($fenjibao3)%}
        });
    </script>
{%/block%}

{%block name="type_assets"%}
<div class="page-assetsterm">
    <ul class="nav">
        <li><a href="/user/assetsdemand" class="demand-logo ">真融宝活期</a></li>
        <li><a href="/user/assetsterm" class="term-logo active">真融宝定期</a></li>
        <li><a href="/user/assetsiphone6" class="iphone6-logo ">我的果6宝</a></li>
    </ul>
    <div class="assets-detail">

        <div class="block construct" style="height: 350px;">
            <div class="title">稳进宝（一个月）</div>
            <div class="assets-cycle fenjibao2-assets-cycle"></div>
            <div class="right">
                <div class="line">
                    <div class="money-block ">
                        <i class="ob-icon bo-icon-cycle2"></i>
                        <div class="ob-context">
                            <div class="ob-title ob-title1">￥{%$fenjibao2.actual_amount|format_amount%}</div>
                            <div class="ob-info">
                                <span>当前持有</span>
                                {%if $fenjibao2.actual_amount>0%}
                                    <a href="/user/myassemble?pid=2" style="margin-left: 10px;">我的债权组合</a>
                                {%/if%}
                            </div>
                        </div>
                    </div>
                    <div class="money-block ">
                        <i class="ob-icon bo-icon-cycle2"></i>
                        <div class="ob-context">
                            <div class="ob-title ob-title1">￥{%$fenjibao2.expect_profit|format_amount%}</div>
                            <div class="ob-info">预期收益</div>
                        </div>
                    </div>
                </div>

                <div class="line">
                    <div class="money-block">
                        <i class="ob-icon bo-icon-cycle2"></i>
                        <div class="ob-context">
                            <div class="ob-title ob-title1">￥{%$fenjibao2.amount|format_amount%}</div>
                            <div class="ob-info">已到期本金</div>
                        </div>
                    </div>
                    <div class="money-block">
                        <i class="ob-icon bo-icon-cycle2"></i>
                        <div class="ob-context">
                            <div class="ob-title ob-title1">￥{%$fenjibao2.profit|format_amount%}</div>
                            <div class="ob-info">已到期收益</div>
                        </div>
                    </div>
                </div>
                <div class='line'>
                    {%if $fenjibao2.waiting_amount>0%}
                        <div class="money-block">
                            <i class="ob-icon bo-icon-cycle2"></i>
                            <div class="ob-context">
                                <div class="ob-title ob-title1">￥{%$fenjibao2.waiting_amount|format_amount%}</div>
                                <div class="ob-info">
                                    <span>排队资金</span>
                                    <a href="/about/faq#queue">为什么有排队资金</a>
                                </div>
                            </div>
                        </div>
                    {%/if%}
                    <div style="width: 250px;float: left;padding-top:20px;">
                        <a class="btn btn-large btn-main" href="/user/rechargeterm1">购买</a>
                        <a class="btn btn-large" href="/user/withdraw?pid=2">提现</a>
                    </div>
                </div>
            </div>
        </div>

        <div style="height: 20px;"></div>

        <div class="block construct" style="height: 350px;">
            <div class="title">锐进宝（三个月）</div>
            <div class="assets-cycle fenjibao3-assets-cycle"></div>
            <div class="right">
                <div class="line">
                    <div class="money-block ">
                        <i class="ob-icon bo-icon-cycle2"></i>
                        <div class="ob-context">
                            <div class="ob-title ob-title1">￥{%$fenjibao3.actual_amount|format_amount%}</div>
                            <div class="ob-info">
                                <span>当前持有</span>
                                {%if $fenjibao3.actual_amount>0%}
                                <a href="/user/myassemble?pid=3" style="margin-left: 10px;">我的债权组合</a>
                                {%/if%}
                            </div>
                        </div>
                    </div>
                    <div class="money-block ">
                        <i class="ob-icon bo-icon-cycle2"></i>
                        <div class="ob-context">
                            <div class="ob-title ob-title1">￥{%$fenjibao3.expect_profit|format_amount%}</div>
                            <div class="ob-info">预期收益</div>
                        </div>
                    </div>
                </div>

                <div class="line">
                    <div class="money-block">
                        <i class="ob-icon bo-icon-cycle2"></i>
                        <div class="ob-context">
                            <div class="ob-title ob-title1">￥{%$fenjibao3.amount|format_amount%}</div>
                            <div class="ob-info">已到期本金</div>
                        </div>
                    </div>
                    <div class="money-block">
                        <i class="ob-icon bo-icon-cycle2"></i>
                        <div class="ob-context">
                            <div class="ob-title ob-title1">￥{%$fenjibao3.profit|format_amount%}</div>
                            <div class="ob-info">已到期收益</div>
                        </div>
                    </div>
                </div>
                <div class='line'>
                    {%if $fenjibao3.waiting_amount>0%}
                    <div class="money-block">
                        <i class="ob-icon bo-icon-cycle2"></i>
                        <div class="ob-context">
                            <div class="ob-title ob-title1">￥{%$fenjibao3.waiting_amount|format_amount%}</div>
                            <div class="ob-info">
                                <span>排队资金</span>
                                <a href="">为什么有排队资金</a>
                            </div>
                        </div>
                    </div>
                    {%/if%}
                    <div style="width: 250px;float: left;padding-top:20px;">
                        <a class="btn btn-large btn-main" href="/user/rechargeterm3">购买</a>
                        <a class="btn btn-large" href="/user/withdraw?pid=3">提现</a>
                    </div>
                </div>
            </div>
        </div>

        <div style="height: 20px;"></div>
        <div class="block recharge-list">
            <div class="title">产品购买记录</div>
            <div class="panel-tab">
                <ul>
                    <li class="active" data-status='0'><a>未到期</a></li>
                    <li data-status='1'><a>已到期</a></li>
                    <div class="clear"></div>
                </ul>
            </div>
           <div class="list-table" >
               <table class="not-end">
                   <thead>
                       <tr>
                           <td>流水号</td>
                           <td>日期</td>
                           <td>产品</td>
                           <td>期限（月）</td>
                           <td>购买份额</td>
                           <td>到期日</td>
                           <td class="profit">预期收益</td>
                       </tr>
                   </thead>
                   <tbody></tbody>
               </table>
           </div>
           <div class="recharge-pagination"></div>
        </div>
    </div>
</div>
{%/block%}